<template>
  <div class="ForHeader">
    <van-nav-bar
      title="宝贝杂货铺"
      left-text=""
      right-text="More"
      left-arrow
      id="wtf"
      @click-left="back"
    />
  </div>
</template>

<script>
import Vue from 'vue'
import { NavBar, Toast } from 'vant'
Vue.use(NavBar)
export default {
  name: 'ForHeader',
  methods: {
    onClickLeft() {
      Toast('返回')
    },
    onClickRight() {
      Toast('按钮')
    },
    back() {
      this.$router.back()
    }
  }
}
</script>

<style lang="scss" scoped>
  #wtf{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    background-color: #fdde4a;
  }

</style>
